<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <meta HTTP-EQUIV="Expires" CONTENT="0">
    <link href="../pic/logo.ico" rel="shortcut icon">
    <link rel="stylesheet" href="../lib/element/index.css">
    <link rel="stylesheet" href="../../node_modules/animate.css/animate.min.css">
    <link href="../lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../common/common.css">
    <title>项目主页</title>
    <style>
        #mainTab.el-tabs--card>.el-tabs__header>.el-tabs__nav-wrap>.el-tabs__nav-scroll>el-tabs__nav>.el-tabs__item.is-active
        {
            border-bottom-color:transparent;
        }
        #mainTab.el-tabs--card>.el-tabs__header>.el-tabs__nav-wrap>.el-tabs__nav-scroll>.el-tabs__nav
        {
            float: none;
        }
        #mainTab.el-tabs--card>.el-tabs__header>.el-tabs__nav-wrap>.el-tabs__nav-scroll
        {
            text-align: center;
        }
        #mainTab.el-tabs--card>.el-tabs__header>.el-tabs__nav-wrap>.el-tabs__nav-scroll>.el-tabs__nav
        {
            background-color: white;
        }
        #mainTab.el-tabs--card>.el-tabs__header
        {
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
        }
    </style>
</head>
<body>
<div class="container" id="app"  v-cloak>
    <mainnav ref="nav">
        <el-row class="row" style="text-align: center;height: 50px;line-height: 50px;font-size: 25px;color: #50bfff" slot="title">{{session.projectName}}{{session.versionId?("("+session.versionName+")"):""}}</el-row>
    </mainnav>
    <el-row class="row" style="margin-top: 15px;height: calc(100vh - 65px);">
        <div style="position: absolute;top: 5px;left: 10px;z-index: 1000;">
            项目：&nbsp;
            <el-autocomplete class="inline-input" v-model="selProject" :fetch-suggestions="querySearch" placeholder="筛选你的项目" icon="caret-bottom" :on-icon-click="showAutoComplete" @select="changeProject" popper-class="my-autocomplete" custom-item="itemauto" id="projectChange" style="width: 170px"></el-autocomplete>
        </div>
        <el-tabs v-model="type" type="card" id="mainTab">
            <el-tab-pane label="接口" :name="0">
                <el-col class="col" :span="24" style="overflow-x: hidden;overflow-y: auto;height: calc(100vh - 122px);">
                    <interface></interface>
                </el-col>
            </el-tab-pane>
            <el-tab-pane label="测试" :name="1">
                <el-col class="col" :span="24" style="overflow-x: hidden;overflow-y: auto;height: calc(100vh - 122px);">
                    <test></test>
                </el-col>
            </el-tab-pane>
            <el-tab-pane label="全局" :name="2">
                <el-col class="col" :span="24" style="overflow-x: hidden;overflow-y: auto;height: calc(100vh - 122px);">
                    <global></global>
                </el-col>
            </el-tab-pane>
            <el-tab-pane label="设置" :name="3">
                <el-col class="col" :span="24" style="overflow-x: hidden;overflow-y: auto;height: calc(100vh - 122px);">
                    <setting></setting>
                </el-col>
            </el-tab-pane>
            <el-tab-pane label="版本" :name="4">
                <el-col class="col" :span="24" style="overflow-x: hidden;overflow-y: auto;height: calc(100vh - 122px);">
                    <version></version>
                </el-col>
            </el-tab-pane>
        </el-tabs>
    </el-row>
    <el-dialog title="请求列表" v-model="showApply" size="small">
        <el-row class="row" style="height: 300px;overflow-y: auto">
            <table class="table-hover" style="width: 100%">
                <template v-for="item in arrApply">
                    <tr class="row"  style="height: 40px;text-align: center;vertical-align: middle">
                        <td style="width: 70%">
                            团队<span style="color: #00adef">{{item.from.name}}</span>拉项目加入
                        </td>
                        <td style="width: 30%">
                            <template v-if="item.handle==0">
                                <el-button type="primary" size="small" @click="handleApply(item,1)">
                                    同意
                                </el-button>&nbsp;&nbsp;
                                <el-button type="danger" size="small" @click="handleApply(item,2)">
                                    拒绝
                                </el-button>
                            </template>
                            <span v-else-if="item.handle==1">
                            已同意
                            </span>
                            <span v-else-if="item.handle==2">
                            已拒绝
                            </span>
                            <span v-else>
                            已忽略
                            </span>
                        </td>
                    </tr>
                </template>
            </table>
        </el-row>
    </el-dialog>
</div>
<script src="../../dist/vendor.bundle.js"></script>
<script src="../lib/element/index.js"></script>
<script src="../../dist/projectinfo.js"></script>
</body>
</html>